<?php
	HtmlsHelper::Message();
	echo "
	 <tr class='bg_main'>
	  	<td valign='top' class='bg_center_left'><img src='".SITE_IMAGES."vid.gif' alt='' /></td> 
	  	<td valign='top' class='bg_center' align='center'>";

	//info boxes
	echo " 	<div style = 'position: relative'>";
	
				//account types popups
				foreach ($this->data['account_types'] as $accountType)
				{
					echo "
						<div id='accountTypeBox{$accountType['sum']}' style='display: none; text-align: left; ' >
							<div class='lp1 lpad10 rpad10 bpad10'><span class='size18'>".$accountType['name_'.Language::getShortName()]." - ".Language::Get('Click to register')."</span></div>
						  	<div class='lpad10 rpad10 tpad10'>
								".$accountType['description_'.Language::getShortName()]."
							</div>
						</div>	
	
						<script type='text/javascript'>
							$('#accountTypeBox{$accountType['sum']}').dqDialog({isbtnClose: false});
						</script>					
					";
				}
						
	echo "		<div style = 'text-align: left; opacity: 0.7; position: absolute; left: 50px; top: 0px; width: 250px; height: 100px; background-color: transparent; /*background-color: #FFFFFF; border: 1px dotted #CCCCCC'*/>
	   				<span style='font-weight: bold; font-size: 16px; color: #FF0000'>" . Language::Get('Home page info 1 1') . "</span>
	   				<ul style = 'margin-top: 30px; padding-left: 30px; color: #000000; font-weight: bold;'>

	   					<li>".Language::Get('Home page info 1 2')."</li>
	   					<li>".Language::Get('Home page info 1 3')."</li>
	   					<li>".Language::Get('Home page info 1 4')."</li>
	   				</ul>
	   			</div>";
//	   			<div style = 'text-align: left; opacity: 0.9; position: absolute; left: 50px; top: 400px; width: 250px; height: 100px; background-color: transparent; /*background-color: #FFFFFF; border: 1px dotted #CCCCCC'*/>
//	   				<ul style = 'margin-top: 10px; padding-left: 30px; '>
//	   					<li>".Language::Get('Home page info 2 1')."</li>
//	   					<li>".Language::Get('Home page info 2 2')."</li>
//	   					<li>".Language::Get('Home page info 2 3')."</li>
//	   				</ul>
//	   			</div>
	   			echo "
	   		</div>";
	
	echo " 		<div class='bg_start_center' id = 'centralBackground'>
	     		<table cellpadding='0' cellspacing='0' border='0'>
		       		<tr>
		         		<td><img src='".SITE_IMAGES."vid.gif' alt='' /></td>
		         		<td align='center'>
		         			<a href='/info/mlm/'><img src='".SITE_IMAGES."btn_markedd.png' alt='".Language::Get('Project name')."' id='btnMarkedd' /></a>
		         		</td>
		         		<td><img src='".SITE_IMAGES."vid.gif' alt='' /></td>
		       		</tr>
	       			<tr>
	         			<td>
	         				<a href='/info/lottery/'><img src='".SITE_IMAGES."btn_lottery.png' alt='' id='btnSignIn' class='cpointer' onclick=\"//$('#recoverBox').fadeOut(); $('#dialogID').dqDialog('open',{width:'350', top:'285'})\" /></a></td>
	         			<td align='center'><img usemap = '#imgmap201181805528' src='".SITE_IMAGES."vid.gif' height='390' width='538' alt='' class='cpointer' onclick=\"return false; $('#recoverBox').fadeOut(); $('#dialogID').dqDialog('open',{width:'350', top:'285'})\" /></td>
	         			<td>
	         				<a href='/info/deposits/' ><img src='".SITE_IMAGES."btn_deposits.png' alt='".Language::Get('Deposits')."' id='btnHowWorks' /></a>
	         			</td>
	       			</tr>
	       			<tr>
	         			<td><img src='".SITE_IMAGES."vid.gif' alt='' /></td>
	         			<td align='center'>
	         				<a href='/info/tips/'><img src='".SITE_IMAGES."btn_tips_hints.png' alt='".Language::Get('Tips and hints')."' id='btnTipsHints' /></a>
	         			</td>
	         			<td><img src='".SITE_IMAGES."vid.gif' alt='' /></td>
	       			</tr>
	     		</table>
	    	</div>
	  	</td>
	  	<td valign='top' class='bg_center_right'><img src='".SITE_IMAGES."vid.gif' alt='' /></td>
	 </tr> 	
	";
?>

<map id="imgmap201181805528" name="imgmap201181805528">
	<area onmouseover="ChangeHomeImage('10'); " onmouseout="ChangeHomeImageToDefault(); " shape="poly" alt="" title="" coords="272,43,299,41,382,-2,401,31,321,73,270,201,272,47" href="/clients/registration/1/" target="" />
	<area onmouseover="ChangeHomeImage('50'); " onmouseout="ChangeHomeImageToDefault(); " shape="poly" alt="" title="" coords="406,128,270,194,324,71,347,62,367,79,424,53,441,80,394,107,394,107" href="/clients/registration/2/" target="" />
	<area onmouseover="ChangeHomeImage('100'); " onmouseout="ChangeHomeImageToDefault(); " shape="poly" alt="" title="" coords="406,130,273,195,391,283,421,202,421,201" href="/clients/registration/3/" target="" />
	<area onmouseover="ChangeHomeImage('200'); " onmouseout="ChangeHomeImageToDefault(); " shape="poly" alt="" title="" coords="390,285,298,344,209,333,235,278,207,259,220,237,252,256,271,199,388,284" href="/clients/registration/4/" target="" />
	<area onmouseover="ChangeHomeImage('500'); " onmouseout="ChangeHomeImageToDefault(); " shape="poly" alt="" title="" coords="271,43,271,195,247,249,218,234,202,259,233,281,211,326,129,240,133,138,107,124,126,98,146,108,205,60,205,60,205,60,233,50" href="/clients/registration/5/" target="" />
</map>

<script>

/**
 * Changes home image
 */
function ChangeHomeImage(type)
{
	$('#centralBackground').attr('class', 'bg_' + type);
	$('#accountTypeBox' + type).dqDialog('open', {width: '300', top: '300', left: '600'});
}

/**
 * Changes home image to default
 */
function ChangeHomeImageToDefault()
{
	$('#centralBackground').attr('class', 'bg_start_center');

	$("#accountTypeBox10").fadeOut();
	$("#accountTypeBox50").fadeOut();
	$("#accountTypeBox100").fadeOut();
	$("#accountTypeBox200").fadeOut();
	$("#accountTypeBox500").fadeOut();	
}
</script>